<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>css项目</title>
    <link rel="stylesheet" href="./src/css/initial.css">
    <link rel="stylesheet" href="./src/css/main.css">
    <link rel="stylesheet" href="./src/css/nav-part.css">
    <link rel="stylesheet" href="./src/css/content-part1.css">
    <link rel="stylesheet" href="./src/css/content-part13.css"> 
</head>
<body>
    <div class="container">
        <div class="nav-part part">
            <div class="nav-part-left">
                <div>
                    <img src="./src/imgs/logo.svg" alt="logo">
                    <span>
                        fun<span>tasky</span>
                    </span>
                </div>
                <div class="nav-items-container">
                    <span>
                        <span>Products
                            <div>
                                <div class="sub-nav-card">
                                    <a href="./jspage/index.html">
                                        <div class="sub-nav-card-item">
                                            <div>
                                                <svg viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                    <path d="M6.31679 0.0944256L11.0861 2.21274C11.2807 2.2992 11.4461 2.44026 11.5621 2.61881C11.6782 2.79737 11.7399 3.00575 11.7399 3.2187V9.7813C11.7399 9.99425 11.6782 10.2026 11.5621 10.3812C11.4461 10.5597 11.2807 10.7008 11.0861 10.7873L6.31679 12.9052C6.17611 12.9677 6.02388 13 5.86994 13C5.716 13 5.56377 12.9677 5.42309 12.9052L0.653765 10.7873C0.459156 10.7008 0.293807 10.5597 0.177765 10.3812C0.0617234 10.2026 -2.70208e-05 9.99425 8.86988e-09 9.7813V3.2187C-2.70208e-05 3.00575 0.0617234 2.79737 0.177765 2.61881C0.293807 2.44026 0.459156 2.2992 0.653765 2.21274L5.42309 0.0947925C5.56377 0.0322929 5.716 0 5.86994 0C6.02388 0 6.17611 0.0322929 6.31679 0.0947925V0.0944256ZM1.10061 4.25475V9.7813L5.41135 11.6956V6.10194L1.10061 4.25475ZM10.6393 4.29437L6.51197 6.06269V11.6142L10.6393 9.7813V4.29437ZM5.86994 1.10075L1.28552 3.13652L5.91653 5.1213L10.4999 3.1567L5.86994 1.10075Z" fill="#F4B84D"/>
                                                    </svg>
                                            </div>
                                            <div>
                                                <span>Javascript</span>
                                                <span>The best Lauguage</span>
                                            </div>
                                        </div>
                                    </a>
                                    <div class="sub-nav-card-item">
                                        <div>
                                            <svg viewBox="0 0 14 13" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path d="M5.75226 6.22773C5.75226 6.55865 5.88372 6.87602 6.11772 7.11002C6.35171 7.34402 6.66908 7.47548 7.00001 7.47548C7.33093 7.47548 7.6483 7.34402 7.8823 7.11002C8.1163 6.87602 8.24776 6.55865 8.24776 6.22773C8.24776 5.89681 8.1163 5.57944 7.8823 5.34544C7.6483 5.11144 7.33093 4.97998 7.00001 4.97998C6.66908 4.97998 6.35171 5.11144 6.11772 5.34544C5.88372 5.57944 5.75226 5.89681 5.75226 6.22773Z" fill="#21A3DB"/>
                                                <path d="M3.50467 8.7098L3.22933 8.6398C1.17717 8.12122 0 7.24097 0 6.22538C0 5.2098 1.17717 4.32955 3.22933 3.81097L3.50467 3.74155L3.58225 4.01455C3.79014 4.73072 4.05605 5.42875 4.37733 6.10172L4.43625 6.22597L4.37733 6.35022C4.05551 7.02296 3.78959 7.72103 3.58225 8.43738L3.50467 8.7098ZM3.10158 4.44855C1.54175 4.88663 0.5845 5.55688 0.5845 6.22538C0.5845 6.8933 1.54175 7.56355 3.10158 8.00222C3.29235 7.39551 3.52267 6.80196 3.79108 6.22538C3.52237 5.64894 3.29203 5.05537 3.10158 4.44855ZM10.4953 8.7098L10.4178 8.43622C10.2101 7.72009 9.94395 7.02222 9.62208 6.34963L9.56317 6.22538L9.62208 6.10113C9.94383 5.4283 10.2099 4.73024 10.4178 4.01397L10.4953 3.74097L10.7713 3.81038C12.8228 4.32897 14 5.20922 14 6.22538C14 7.24155 12.8228 8.12122 10.7713 8.6398L10.4953 8.7098ZM10.2089 6.22538C10.4889 6.83147 10.7205 7.42705 10.8984 8.00222C12.4588 7.56355 13.4155 6.8933 13.4155 6.22538C13.4155 5.55688 12.4583 4.88722 10.8984 4.44855C10.7079 5.05535 10.4776 5.64891 10.2089 6.22538Z" fill="#21A3DB"/>
                                                <path d="M3.09748 4.44575L3.0199 4.17333C2.44298 2.13983 2.61798 0.682666 3.49998 0.174C4.36506 -0.325334 5.75398 0.264416 7.2094 1.75833L7.40773 1.96192L7.2094 2.1655C6.69225 2.7031 6.21974 3.28193 5.79657 3.89625L5.71781 4.00883L5.58073 4.0205C4.83634 4.07918 4.09795 4.19818 3.37282 4.37633L3.09748 4.44575ZM4.20348 0.57825C4.04715 0.57825 3.9089 0.612083 3.79223 0.679167C3.2124 1.01342 3.10973 2.17542 3.50932 3.74342C4.13094 3.60513 4.76091 3.5075 5.39523 3.45117C5.76123 2.93076 6.16109 2.43503 6.59223 1.96717C5.68223 1.08108 4.82065 0.57825 4.20348 0.57825ZM9.79706 12.4561C9.79648 12.4561 9.79648 12.4561 9.79706 12.4561C8.96581 12.4561 7.89832 11.8302 6.79057 10.6927L6.59223 10.4891L6.79057 10.2855C7.30758 9.74772 7.7799 9.1687 8.20281 8.55417L8.28156 8.44158L8.41807 8.42992C9.16284 8.37156 9.90163 8.25275 10.6271 8.07467L10.9025 8.00525L10.9806 8.27825C11.5564 10.3106 11.382 11.7683 10.5 12.2764C10.2857 12.3975 10.0432 12.4596 9.79706 12.4561ZM7.40773 10.4838C8.31773 11.3699 9.17931 11.8727 9.79648 11.8727H9.79706C9.95281 11.8727 10.0916 11.8389 10.2077 11.7718C10.7876 11.4376 10.8908 10.275 10.4906 8.707C9.86887 8.84548 9.23869 8.94311 8.60415 8.99925C8.23859 9.52001 7.83891 10.016 7.40773 10.4838Z" fill="#21A3DB"/>
                                                <path d="M10.9025 4.44568L10.6271 4.37626C9.90172 4.1976 9.1629 4.07859 8.41807 4.02043L8.28156 4.00876L8.20281 3.89618C7.78011 3.28167 7.30778 2.70282 6.79057 2.16543L6.59223 1.96185L6.79057 1.75826C8.2454 0.26493 9.63373 -0.32482 10.5 0.17393C11.382 0.682597 11.557 2.13976 10.9806 4.17268L10.9025 4.44568ZM8.60415 3.4511C9.27031 3.51176 9.90323 3.61035 10.4906 3.74335C10.8908 2.17535 10.7876 1.01335 10.2077 0.679097C9.6314 0.346014 8.54815 0.85643 7.40773 1.9671C7.83867 2.43498 8.23834 2.93072 8.60415 3.4511ZM4.20348 12.456C3.9572 12.4596 3.71439 12.3976 3.49998 12.2763C2.61798 11.7683 2.44298 10.3111 3.0199 8.27818L3.0969 8.00518L3.37223 8.0746C4.04598 8.24435 4.78915 8.36393 5.58015 8.42985L5.71723 8.44151L5.7954 8.5541C6.21864 9.16855 6.69114 9.74756 7.20823 10.2854L7.40656 10.489L7.20823 10.6926C6.10107 11.8301 5.03356 12.456 4.20348 12.456ZM3.50932 8.70693C3.10915 10.2749 3.2124 11.4375 3.79223 11.7718C4.36798 12.1002 5.45065 11.5938 6.59223 10.4838C6.16127 10.0156 5.76141 9.51963 5.39523 8.99918C4.76088 8.94308 4.13089 8.84546 3.50932 8.70693Z" fill="#21A3DB"/>
                                                <path d="M7 9.07315C6.51991 9.07315 6.02641 9.05216 5.53233 9.01132L5.39525 8.99965L5.3165 8.88707C5.03703 8.4855 4.7743 8.07254 4.529 7.64924C4.28442 7.2256 4.0575 6.792 3.84883 6.34957L3.7905 6.22532L3.84883 6.10107C4.05747 5.65862 4.28439 5.22503 4.529 4.8014C4.7705 4.38374 5.03591 3.96724 5.3165 3.56357L5.39525 3.45099L5.53233 3.43932C6.50922 3.35649 7.49136 3.35649 8.46825 3.43932L8.60475 3.45099L8.68291 3.56357C9.24243 4.36686 9.73357 5.21567 10.1512 6.10107L10.2101 6.22532L10.1512 6.34957C9.73457 7.2355 9.24338 8.08439 8.68291 8.88707L8.60475 8.99965L8.46825 9.01132C7.97416 9.05216 7.48008 9.07315 7 9.07315ZM5.71841 8.44082C6.58175 8.50557 7.41825 8.50557 8.28216 8.44082C8.76448 7.73572 9.19271 6.9951 9.56316 6.22532C9.19336 5.45508 8.7649 4.7144 8.28158 4.00982C7.42842 3.94507 6.57158 3.94507 5.71841 4.00982C5.23488 4.71426 4.80641 5.45496 4.43683 6.22532C4.80769 6.99501 5.2361 7.73561 5.71841 8.44082Z" fill="#21A3DB"/>
                                                </svg>
                                                
                                        </div>
                                        <div>
                                            <span>React</span>
                                            <span>The Worldwide Framework</span>
                                        </div>
                                    </div>
                                    <div class="sub-nav-card-item">
                                        <div>
                                            <svg viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                                                <path opacity="0.993" d="M0.0545654 0.00545702V0H0.0763935C4.69788 1.31185 9.31998 2.62154 13.9427 3.92906V3.93997C10.4866 7.29059 7.0323 10.643 3.5798 13.9973H3.56889C2.39916 9.3329 1.22772 4.66896 0.0545654 0.00545702Z" fill="#020202"/>
                                                <path d="M0.283752 0.234619C1.32882 0.526814 2.37294 0.822405 3.41609 1.12139C2.63843 1.87903 1.85899 2.63483 1.07775 3.38878C0.811372 2.33782 0.546706 1.28644 0.283752 0.234619ZM3.68894 1.19506C4.73286 1.4906 5.77696 1.78619 6.82127 2.08182C6.04184 2.83944 5.26238 3.59706 4.48293 4.35467C4.21228 3.30298 3.94761 2.24976 3.68894 1.19506ZM3.52523 1.23325C3.52859 1.23386 3.53132 1.23568 3.53341 1.23871C3.79797 2.28967 4.06082 3.34106 4.32195 4.39287C3.27644 4.10226 2.23231 3.80667 1.18962 3.50611C1.96904 2.7494 2.74758 1.99179 3.52523 1.23325ZM7.09412 2.16095C8.13891 2.45413 9.18302 2.74972 10.2265 3.04772C9.4488 3.80537 8.66936 4.56117 7.88812 5.31511C7.86178 5.22258 7.83631 5.12981 7.81172 5.0368C7.56996 4.07882 7.33076 3.1202 7.09412 2.16095ZM6.93041 2.19915C6.93379 2.19975 6.93652 2.20157 6.9386 2.20461C7.20321 3.25573 7.46602 4.30712 7.72713 5.35877C6.68074 5.06483 5.63481 4.76925 4.58935 4.472C5.37238 3.71715 6.15274 2.95953 6.93041 2.19915ZM10.4938 3.12139C11.5378 3.41784 12.5819 3.71434 13.6262 4.01088C12.8494 4.76942 12.0709 5.52613 11.2906 6.281C11.0224 5.2284 10.7568 4.17519 10.4938 3.12139ZM10.3356 3.15958C10.6046 4.2101 10.8702 5.26149 11.1323 6.31375C11.1305 6.3174 11.1287 6.321 11.1269 6.32466C10.116 6.03647 9.10465 5.74998 8.09276 5.46518C8.06077 5.45756 8.02967 5.44658 7.99999 5.43244C8.77941 4.67574 9.55795 3.91812 10.3356 3.15958ZM1.14051 3.66163C2.18702 3.95606 3.23295 4.25256 4.2783 4.55113C3.49794 5.3069 2.7185 6.06361 1.93996 6.82125C1.67262 5.76826 1.40614 4.71506 1.14051 3.66163ZM4.55115 4.62753C5.59491 4.92304 6.639 5.21863 7.68348 5.51429C6.90401 6.27282 6.12366 7.03044 5.34242 7.78714C5.07609 6.73458 4.81233 5.68137 4.55115 4.62753ZM4.38744 4.66572C4.65883 5.71675 4.92441 6.76995 5.18416 7.82534C4.13865 7.53472 3.09453 7.23913 2.05183 6.93858C2.83126 6.18188 3.60979 5.42426 4.38744 4.66572ZM7.95633 5.59342C9.00119 5.88733 10.0453 6.18294 11.0887 6.48019C10.3074 7.23507 9.52707 7.99087 8.7476 8.74758C8.48042 7.69699 8.21663 6.64559 7.95633 5.59342ZM7.79262 5.63162C8.064 6.68264 8.32959 7.73585 8.58934 8.79123C7.54426 8.49817 6.50015 8.20167 5.45701 7.90174C6.23398 7.14294 7.01254 6.38622 7.79262 5.63162ZM2.00272 7.0941C3.04731 7.38891 4.09142 7.6854 5.13505 7.9836C4.35832 8.74212 3.57978 9.49885 2.79944 10.2537C2.53473 9.2003 2.26915 8.14709 2.00272 7.0941ZM5.4079 8.05454C6.45319 8.35353 7.49914 8.65094 8.54569 8.94676C7.76805 9.70536 6.98769 10.4612 6.20463 11.2142C5.93816 10.161 5.67256 9.1078 5.4079 8.05454ZM5.24965 8.09819C5.51933 9.14965 5.78493 10.2029 6.04637 11.2578C5.00384 10.9649 3.96155 10.6711 2.9195 10.3765C2.91701 10.3743 2.91513 10.3715 2.91404 10.3683C3.69438 9.61346 4.47291 8.85675 5.24965 8.09819ZM2.86493 10.532C2.86621 10.5288 2.86894 10.527 2.87311 10.5266C3.91573 10.8242 4.95893 11.1198 6.00272 11.4133C5.22325 12.1719 4.4429 12.9295 3.66165 13.6862C3.39762 12.6337 3.13205 11.5823 2.86493 10.532Z" fill="#FEFEFE"/>
                                                </svg>
                                        </div>
                                        <div>
                                            <span>Threejs</span>
                                            <span>Make Web 3D World</span>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </span>
                    </span>
                    <span>
                        <span>Pricing
                            
                        </span>
                    </span>
                    <span>
                        <span>
                            <a href="./about/">About</a>
                        </span>
                        
                    </span>
                    <span>
                        <span>
                            <a href="./contact/">Contact-Us</a>
                        </span>
                    </span>
                </div>
            </div>
            <div class="nav-part-right">
                <div>log in</div>
                <div>sign up</div>
            </div>
            <div class="mobile-nav-container">
                <input type="checkbox" id="mobile-nav">
                <label for="mobile-nav" class="hamicon">
                    <svg viewBox="0 0 16 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                        <rect width="16" height="2" fill="black"/>
                        <rect y="6" width="16" height="2" fill="black"/>
                        <rect y="12" width="16" height="2" fill="black"/>
                        </svg>
                </label>
                <div class="mobile-nav-content">
                    <div class="mobile-nav-content-header">
                        <span>menu</span>
                        <label for="mobile-nav">
                            <svg width="18" height="18" viewBox="0 0 18 18" fill="none" xmlns="http://www.w3.org/2000/svg">
                              <path d="M2 2L16 16" stroke="black" stroke-width="3"/>
                              <path d="M16 2L2 16" stroke="black" stroke-width="3"/>
                              </svg>
                        </label>
                    </div>
                    <div class="mobile-nav-content-items">
                        <div class="mobile-nav-content-one-items">
                            <input type="checkbox" id="mobile-nav-item1">
                            <label for="mobile-nav-item1">
                                <span>Product</span>
                                <span class="mobile-sub-icon">
                                    <svg viewBox="0 0 13 20" fill="none" xmlns="http://www.w3.org/2000/svg">
                                    <path opacity="0.2" d="M12 2L3 10L12 18" stroke="black" stroke-width="3"/>
                                    </svg>
                                  </span>
                            </label>
                            <div class="mobile-nav-content-sub-menu-box">
                                <div class="mobile-nav-content-sub-menu-one">
                                    <div>
                                        <svg viewBox="0 0 12 13" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M6.31679 0.0944256L11.0861 2.21274C11.2807 2.2992 11.4461 2.44026 11.5621 2.61881C11.6782 2.79737 11.7399 3.00575 11.7399 3.2187V9.7813C11.7399 9.99425 11.6782 10.2026 11.5621 10.3812C11.4461 10.5597 11.2807 10.7008 11.0861 10.7873L6.31679 12.9052C6.17611 12.9677 6.02388 13 5.86994 13C5.716 13 5.56377 12.9677 5.42309 12.9052L0.653765 10.7873C0.459156 10.7008 0.293807 10.5597 0.177765 10.3812C0.0617234 10.2026 -2.70208e-05 9.99425 8.86988e-09 9.7813V3.2187C-2.70208e-05 3.00575 0.0617234 2.79737 0.177765 2.61881C0.293807 2.44026 0.459156 2.2992 0.653765 2.21274L5.42309 0.0947925C5.56377 0.0322929 5.716 0 5.86994 0C6.02388 0 6.17611 0.0322929 6.31679 0.0947925V0.0944256ZM1.10061 4.25475V9.7813L5.41135 11.6956V6.10194L1.10061 4.25475ZM10.6393 4.29437L6.51197 6.06269V11.6142L10.6393 9.7813V4.29437ZM5.86994 1.10075L1.28552 3.13652L5.91653 5.1213L10.4999 3.1567L5.86994 1.10075Z" fill="#F4B84D"/>
                                            </svg>
                                    </div>
                                    <span>Javascript</span>
                                    <span>The best Lauguage</span>
                                </div>
                                <div class="mobile-nav-content-sub-menu-one">
                                    <div>
                                        <svg viewBox="0 0 14 13" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path d="M5.75226 6.22773C5.75226 6.55865 5.88372 6.87602 6.11772 7.11002C6.35171 7.34402 6.66908 7.47548 7.00001 7.47548C7.33093 7.47548 7.6483 7.34402 7.8823 7.11002C8.1163 6.87602 8.24776 6.55865 8.24776 6.22773C8.24776 5.89681 8.1163 5.57944 7.8823 5.34544C7.6483 5.11144 7.33093 4.97998 7.00001 4.97998C6.66908 4.97998 6.35171 5.11144 6.11772 5.34544C5.88372 5.57944 5.75226 5.89681 5.75226 6.22773Z" fill="#21A3DB"/>
                                            <path d="M3.50467 8.7098L3.22933 8.6398C1.17717 8.12122 0 7.24097 0 6.22538C0 5.2098 1.17717 4.32955 3.22933 3.81097L3.50467 3.74155L3.58225 4.01455C3.79014 4.73072 4.05605 5.42875 4.37733 6.10172L4.43625 6.22597L4.37733 6.35022C4.05551 7.02296 3.78959 7.72103 3.58225 8.43738L3.50467 8.7098ZM3.10158 4.44855C1.54175 4.88663 0.5845 5.55688 0.5845 6.22538C0.5845 6.8933 1.54175 7.56355 3.10158 8.00222C3.29235 7.39551 3.52267 6.80196 3.79108 6.22538C3.52237 5.64894 3.29203 5.05537 3.10158 4.44855ZM10.4953 8.7098L10.4178 8.43622C10.2101 7.72009 9.94395 7.02222 9.62208 6.34963L9.56317 6.22538L9.62208 6.10113C9.94383 5.4283 10.2099 4.73024 10.4178 4.01397L10.4953 3.74097L10.7713 3.81038C12.8228 4.32897 14 5.20922 14 6.22538C14 7.24155 12.8228 8.12122 10.7713 8.6398L10.4953 8.7098ZM10.2089 6.22538C10.4889 6.83147 10.7205 7.42705 10.8984 8.00222C12.4588 7.56355 13.4155 6.8933 13.4155 6.22538C13.4155 5.55688 12.4583 4.88722 10.8984 4.44855C10.7079 5.05535 10.4776 5.64891 10.2089 6.22538Z" fill="#21A3DB"/>
                                            <path d="M3.09748 4.44575L3.0199 4.17333C2.44298 2.13983 2.61798 0.682666 3.49998 0.174C4.36506 -0.325334 5.75398 0.264416 7.2094 1.75833L7.40773 1.96192L7.2094 2.1655C6.69225 2.7031 6.21974 3.28193 5.79657 3.89625L5.71781 4.00883L5.58073 4.0205C4.83634 4.07918 4.09795 4.19818 3.37282 4.37633L3.09748 4.44575ZM4.20348 0.57825C4.04715 0.57825 3.9089 0.612083 3.79223 0.679167C3.2124 1.01342 3.10973 2.17542 3.50932 3.74342C4.13094 3.60513 4.76091 3.5075 5.39523 3.45117C5.76123 2.93076 6.16109 2.43503 6.59223 1.96717C5.68223 1.08108 4.82065 0.57825 4.20348 0.57825ZM9.79706 12.4561C9.79648 12.4561 9.79648 12.4561 9.79706 12.4561C8.96581 12.4561 7.89832 11.8302 6.79057 10.6927L6.59223 10.4891L6.79057 10.2855C7.30758 9.74772 7.7799 9.1687 8.20281 8.55417L8.28156 8.44158L8.41807 8.42992C9.16284 8.37156 9.90163 8.25275 10.6271 8.07467L10.9025 8.00525L10.9806 8.27825C11.5564 10.3106 11.382 11.7683 10.5 12.2764C10.2857 12.3975 10.0432 12.4596 9.79706 12.4561ZM7.40773 10.4838C8.31773 11.3699 9.17931 11.8727 9.79648 11.8727H9.79706C9.95281 11.8727 10.0916 11.8389 10.2077 11.7718C10.7876 11.4376 10.8908 10.275 10.4906 8.707C9.86887 8.84548 9.23869 8.94311 8.60415 8.99925C8.23859 9.52001 7.83891 10.016 7.40773 10.4838Z" fill="#21A3DB"/>
                                            <path d="M10.9025 4.44568L10.6271 4.37626C9.90172 4.1976 9.1629 4.07859 8.41807 4.02043L8.28156 4.00876L8.20281 3.89618C7.78011 3.28167 7.30778 2.70282 6.79057 2.16543L6.59223 1.96185L6.79057 1.75826C8.2454 0.26493 9.63373 -0.32482 10.5 0.17393C11.382 0.682597 11.557 2.13976 10.9806 4.17268L10.9025 4.44568ZM8.60415 3.4511C9.27031 3.51176 9.90323 3.61035 10.4906 3.74335C10.8908 2.17535 10.7876 1.01335 10.2077 0.679097C9.6314 0.346014 8.54815 0.85643 7.40773 1.9671C7.83867 2.43498 8.23834 2.93072 8.60415 3.4511ZM4.20348 12.456C3.9572 12.4596 3.71439 12.3976 3.49998 12.2763C2.61798 11.7683 2.44298 10.3111 3.0199 8.27818L3.0969 8.00518L3.37223 8.0746C4.04598 8.24435 4.78915 8.36393 5.58015 8.42985L5.71723 8.44151L5.7954 8.5541C6.21864 9.16855 6.69114 9.74756 7.20823 10.2854L7.40656 10.489L7.20823 10.6926C6.10107 11.8301 5.03356 12.456 4.20348 12.456ZM3.50932 8.70693C3.10915 10.2749 3.2124 11.4375 3.79223 11.7718C4.36798 12.1002 5.45065 11.5938 6.59223 10.4838C6.16127 10.0156 5.76141 9.51963 5.39523 8.99918C4.76088 8.94308 4.13089 8.84546 3.50932 8.70693Z" fill="#21A3DB"/>
                                            <path d="M7 9.07315C6.51991 9.07315 6.02641 9.05216 5.53233 9.01132L5.39525 8.99965L5.3165 8.88707C5.03703 8.4855 4.7743 8.07254 4.529 7.64924C4.28442 7.2256 4.0575 6.792 3.84883 6.34957L3.7905 6.22532L3.84883 6.10107C4.05747 5.65862 4.28439 5.22503 4.529 4.8014C4.7705 4.38374 5.03591 3.96724 5.3165 3.56357L5.39525 3.45099L5.53233 3.43932C6.50922 3.35649 7.49136 3.35649 8.46825 3.43932L8.60475 3.45099L8.68291 3.56357C9.24243 4.36686 9.73357 5.21567 10.1512 6.10107L10.2101 6.22532L10.1512 6.34957C9.73457 7.2355 9.24338 8.08439 8.68291 8.88707L8.60475 8.99965L8.46825 9.01132C7.97416 9.05216 7.48008 9.07315 7 9.07315ZM5.71841 8.44082C6.58175 8.50557 7.41825 8.50557 8.28216 8.44082C8.76448 7.73572 9.19271 6.9951 9.56316 6.22532C9.19336 5.45508 8.7649 4.7144 8.28158 4.00982C7.42842 3.94507 6.57158 3.94507 5.71841 4.00982C5.23488 4.71426 4.80641 5.45496 4.43683 6.22532C4.80769 6.99501 5.2361 7.73561 5.71841 8.44082Z" fill="#21A3DB"/>
                                            </svg>
                                            
                                    </div>
                                    <span>React</span>
                                    <span>The Worldwide Framework</span>
                                </div>
                                <div class="mobile-nav-content-sub-menu-one">
                                    <div>
                                        <svg viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg">
                                            <path opacity="0.993" d="M0.0545654 0.00545702V0H0.0763935C4.69788 1.31185 9.31998 2.62154 13.9427 3.92906V3.93997C10.4866 7.29059 7.0323 10.643 3.5798 13.9973H3.56889C2.39916 9.3329 1.22772 4.66896 0.0545654 0.00545702Z" fill="#020202"/>
                                            <path d="M0.283752 0.234619C1.32882 0.526814 2.37294 0.822405 3.41609 1.12139C2.63843 1.87903 1.85899 2.63483 1.07775 3.38878C0.811372 2.33782 0.546706 1.28644 0.283752 0.234619ZM3.68894 1.19506C4.73286 1.4906 5.77696 1.78619 6.82127 2.08182C6.04184 2.83944 5.26238 3.59706 4.48293 4.35467C4.21228 3.30298 3.94761 2.24976 3.68894 1.19506ZM3.52523 1.23325C3.52859 1.23386 3.53132 1.23568 3.53341 1.23871C3.79797 2.28967 4.06082 3.34106 4.32195 4.39287C3.27644 4.10226 2.23231 3.80667 1.18962 3.50611C1.96904 2.7494 2.74758 1.99179 3.52523 1.23325ZM7.09412 2.16095C8.13891 2.45413 9.18302 2.74972 10.2265 3.04772C9.4488 3.80537 8.66936 4.56117 7.88812 5.31511C7.86178 5.22258 7.83631 5.12981 7.81172 5.0368C7.56996 4.07882 7.33076 3.1202 7.09412 2.16095ZM6.93041 2.19915C6.93379 2.19975 6.93652 2.20157 6.9386 2.20461C7.20321 3.25573 7.46602 4.30712 7.72713 5.35877C6.68074 5.06483 5.63481 4.76925 4.58935 4.472C5.37238 3.71715 6.15274 2.95953 6.93041 2.19915ZM10.4938 3.12139C11.5378 3.41784 12.5819 3.71434 13.6262 4.01088C12.8494 4.76942 12.0709 5.52613 11.2906 6.281C11.0224 5.2284 10.7568 4.17519 10.4938 3.12139ZM10.3356 3.15958C10.6046 4.2101 10.8702 5.26149 11.1323 6.31375C11.1305 6.3174 11.1287 6.321 11.1269 6.32466C10.116 6.03647 9.10465 5.74998 8.09276 5.46518C8.06077 5.45756 8.02967 5.44658 7.99999 5.43244C8.77941 4.67574 9.55795 3.91812 10.3356 3.15958ZM1.14051 3.66163C2.18702 3.95606 3.23295 4.25256 4.2783 4.55113C3.49794 5.3069 2.7185 6.06361 1.93996 6.82125C1.67262 5.76826 1.40614 4.71506 1.14051 3.66163ZM4.55115 4.62753C5.59491 4.92304 6.639 5.21863 7.68348 5.51429C6.90401 6.27282 6.12366 7.03044 5.34242 7.78714C5.07609 6.73458 4.81233 5.68137 4.55115 4.62753ZM4.38744 4.66572C4.65883 5.71675 4.92441 6.76995 5.18416 7.82534C4.13865 7.53472 3.09453 7.23913 2.05183 6.93858C2.83126 6.18188 3.60979 5.42426 4.38744 4.66572ZM7.95633 5.59342C9.00119 5.88733 10.0453 6.18294 11.0887 6.48019C10.3074 7.23507 9.52707 7.99087 8.7476 8.74758C8.48042 7.69699 8.21663 6.64559 7.95633 5.59342ZM7.79262 5.63162C8.064 6.68264 8.32959 7.73585 8.58934 8.79123C7.54426 8.49817 6.50015 8.20167 5.45701 7.90174C6.23398 7.14294 7.01254 6.38622 7.79262 5.63162ZM2.00272 7.0941C3.04731 7.38891 4.09142 7.6854 5.13505 7.9836C4.35832 8.74212 3.57978 9.49885 2.79944 10.2537C2.53473 9.2003 2.26915 8.14709 2.00272 7.0941ZM5.4079 8.05454C6.45319 8.35353 7.49914 8.65094 8.54569 8.94676C7.76805 9.70536 6.98769 10.4612 6.20463 11.2142C5.93816 10.161 5.67256 9.1078 5.4079 8.05454ZM5.24965 8.09819C5.51933 9.14965 5.78493 10.2029 6.04637 11.2578C5.00384 10.9649 3.96155 10.6711 2.9195 10.3765C2.91701 10.3743 2.91513 10.3715 2.91404 10.3683C3.69438 9.61346 4.47291 8.85675 5.24965 8.09819ZM2.86493 10.532C2.86621 10.5288 2.86894 10.527 2.87311 10.5266C3.91573 10.8242 4.95893 11.1198 6.00272 11.4133C5.22325 12.1719 4.4429 12.9295 3.66165 13.6862C3.39762 12.6337 3.13205 11.5823 2.86493 10.532Z" fill="#FEFEFE"/>
                                            </svg>
                                    </div>
                                    <span>Threejs</span>
                                    <span>Make Web 3D World</span>
                                </div>
                            </div>
                        </div>
                        <div>Pricing</div>
                        <div>About</div>
                        <div>Contact Us</div>
                    </div>
                    <div class="mobile-buttons">
                        <div>Sign up</div>
                        <span>Log in</span>
                    </div>
                </div>
                
            </div>
        </div>
<div class="content-part1 part">
            <div class="content-part1-left">
                <div class="content-part1-left-title">
                    <span>My
                        Homework
                        Website
                    </span>
                    <span>
                        welcome 
                        <span>1
                            <span>st</span>
                        </span>
                        and happy every day
                    </span>
                </div>
                <div class="content-part1-left-other">
                    <div>
                        <a href="https://gitee.com/susan2025/nginx2025" class="start-link">
                            Get Started
                        </a>
                        <span>&rarr;</span>
                        <!-- &rarr;执行符号 -->
                        
                    </div>
                    <div>
                        <div>
                            <svg t="1708308671726" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="9043"><path d="M1024 231V119H868V0H737v119H288V0H157v119H0v112h1v681H0v112h1024V231zM912 912H113V458h799z m0-566H113V231h799zM293 643H183V533h110z m277 0H460V533h110z m277 0H737V533h110zM292 835H182V725h110z m277 0H459V725h110z m277 0H736V725h110z" p-id="9044"></path></svg>
                        </div>
                        <span>Schedule demo</span>
                    </div>
                </div>
            </div>
            <div class="content-part1-right">
                <img src="./src/imgs/person.png" alt="person">
                <span>axes</span>
                <div class="content-part1-right-circle"></div>
                <div class="content-part1-right-items">
                    <div class="content-part1-right-items-one">
                        <div>
                            <div>
                                <img src="./src/imgs/微信图片_2024.png">
                            </div>
                        </div>
                        <span>Wang longlong</span>
                    </div>
                    <div class="content-part1-right-items-one">
                        <div>
                            <div>
                                <img src="./src/imgs/avater1-removebg.png">
                            </div>
                        </div>
                        <span>loving my<br>Workplace</span>
                    </div>
                    <div class="content-part1-right-items-one">
                        <div>
                            <div>
                                <img src="./src/imgs/avater3-removebg.png">
                            </div>
                        </div>
                        <span>sweet</span>
                    </div>
                </div>
            </div>
            <div class="content-part1-bg">
                <div></div>
            </div>
        </div>
        <div class="content-part13 part">
            <div class="part13-bg">
                <img src="./src/imgs/part13/bg.jpg">
                <div></div>
            </div>
            <div class="part13-bottom"> 
                <div class="part13-bottom-info">
                    <div class="part13-bottom-info-left">
                        <div>
                            <img src="./src/imgs/logo.svg">
                            <span>funtasky</span>
                        </div>
                        <span>keka is made for your people,
                            by people like you, who care for
                            people in the organization
                        </span>
                        <div>
                            <span><svg t="1712731906338" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4247" ><path d="M927.16 254.1c-30.59 13.54-63.4 22.72-97.88 26.83 35.2-21.05 62.23-54.52 74.91-94.28-32.92 19.52-69.43 33.67-108.28 41.38-31.09-33.12-75.37-53.86-124.42-53.86-94.17 0-170.51 76.33-170.51 170.46 0 13.34 1.52 26.37 4.41 38.85-141.65-7.15-267.28-75.01-351.36-178.17-14.71 25.21-23.08 54.52-23.08 85.71 0 59.13 26.4 111.32 72.15 141.9-27.95-0.91-80.92-8.57-80.92-21.35v2.13c0 82.57 62.51 151.49 140.46 167.17-14.3 3.91-27.52 5.98-43.09 5.98-11.01 0-20.74-1.12-31.18-3.1 21.71 67.76 85.11 117.01 159.71 118.42-58.32 45.7-131.64 72.99-211.51 72.99-13.8 0-27.22-0.86-40.57-2.39 75.47 48.33 165.09 76.58 261.4 76.58 313.58 0 485.08-259.77 485.08-485.05 0-7.41-0.14-14.76-0.49-22.06 33.32-24.04 62.18-54.07 85.05-88.25l0.12 0.11z m0 0" fill="#A8AEB7" p-id="4248"></path></svg></span>
                            <span><svg t="1712731906338" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4247" ><path d="M927.16 254.1c-30.59 13.54-63.4 22.72-97.88 26.83 35.2-21.05 62.23-54.52 74.91-94.28-32.92 19.52-69.43 33.67-108.28 41.38-31.09-33.12-75.37-53.86-124.42-53.86-94.17 0-170.51 76.33-170.51 170.46 0 13.34 1.52 26.37 4.41 38.85-141.65-7.15-267.28-75.01-351.36-178.17-14.71 25.21-23.08 54.52-23.08 85.71 0 59.13 26.4 111.32 72.15 141.9-27.95-0.91-80.92-8.57-80.92-21.35v2.13c0 82.57 62.51 151.49 140.46 167.17-14.3 3.91-27.52 5.98-43.09 5.98-11.01 0-20.74-1.12-31.18-3.1 21.71 67.76 85.11 117.01 159.71 118.42-58.32 45.7-131.64 72.99-211.51 72.99-13.8 0-27.22-0.86-40.57-2.39 75.47 48.33 165.09 76.58 261.4 76.58 313.58 0 485.08-259.77 485.08-485.05 0-7.41-0.14-14.76-0.49-22.06 33.32-24.04 62.18-54.07 85.05-88.25l0.12 0.11z m0 0" fill="#A8AEB7" p-id="4248"></path></svg></span>
                            <span><svg t="1712731906338" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4247" ><path d="M927.16 254.1c-30.59 13.54-63.4 22.72-97.88 26.83 35.2-21.05 62.23-54.52 74.91-94.28-32.92 19.52-69.43 33.67-108.28 41.38-31.09-33.12-75.37-53.86-124.42-53.86-94.17 0-170.51 76.33-170.51 170.46 0 13.34 1.52 26.37 4.41 38.85-141.65-7.15-267.28-75.01-351.36-178.17-14.71 25.21-23.08 54.52-23.08 85.71 0 59.13 26.4 111.32 72.15 141.9-27.95-0.91-80.92-8.57-80.92-21.35v2.13c0 82.57 62.51 151.49 140.46 167.17-14.3 3.91-27.52 5.98-43.09 5.98-11.01 0-20.74-1.12-31.18-3.1 21.71 67.76 85.11 117.01 159.71 118.42-58.32 45.7-131.64 72.99-211.51 72.99-13.8 0-27.22-0.86-40.57-2.39 75.47 48.33 165.09 76.58 261.4 76.58 313.58 0 485.08-259.77 485.08-485.05 0-7.41-0.14-14.76-0.49-22.06 33.32-24.04 62.18-54.07 85.05-88.25l0.12 0.11z m0 0" fill="#A8AEB7" p-id="4248"></path></svg></span>
                            <span><svg t="1712731906338" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4247" ><path d="M927.16 254.1c-30.59 13.54-63.4 22.72-97.88 26.83 35.2-21.05 62.23-54.52 74.91-94.28-32.92 19.52-69.43 33.67-108.28 41.38-31.09-33.12-75.37-53.86-124.42-53.86-94.17 0-170.51 76.33-170.51 170.46 0 13.34 1.52 26.37 4.41 38.85-141.65-7.15-267.28-75.01-351.36-178.17-14.71 25.21-23.08 54.52-23.08 85.71 0 59.13 26.4 111.32 72.15 141.9-27.95-0.91-80.92-8.57-80.92-21.35v2.13c0 82.57 62.51 151.49 140.46 167.17-14.3 3.91-27.52 5.98-43.09 5.98-11.01 0-20.74-1.12-31.18-3.1 21.71 67.76 85.11 117.01 159.71 118.42-58.32 45.7-131.64 72.99-211.51 72.99-13.8 0-27.22-0.86-40.57-2.39 75.47 48.33 165.09 76.58 261.4 76.58 313.58 0 485.08-259.77 485.08-485.05 0-7.41-0.14-14.76-0.49-22.06 33.32-24.04 62.18-54.07 85.05-88.25l0.12 0.11z m0 0" fill="#A8AEB7" p-id="4248"></path></svg></span>
                            <span><svg t="1712731906338" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4247" ><path d="M927.16 254.1c-30.59 13.54-63.4 22.72-97.88 26.83 35.2-21.05 62.23-54.52 74.91-94.28-32.92 19.52-69.43 33.67-108.28 41.38-31.09-33.12-75.37-53.86-124.42-53.86-94.17 0-170.51 76.33-170.51 170.46 0 13.34 1.52 26.37 4.41 38.85-141.65-7.15-267.28-75.01-351.36-178.17-14.71 25.21-23.08 54.52-23.08 85.71 0 59.13 26.4 111.32 72.15 141.9-27.95-0.91-80.92-8.57-80.92-21.35v2.13c0 82.57 62.51 151.49 140.46 167.17-14.3 3.91-27.52 5.98-43.09 5.98-11.01 0-20.74-1.12-31.18-3.1 21.71 67.76 85.11 117.01 159.71 118.42-58.32 45.7-131.64 72.99-211.51 72.99-13.8 0-27.22-0.86-40.57-2.39 75.47 48.33 165.09 76.58 261.4 76.58 313.58 0 485.08-259.77 485.08-485.05 0-7.41-0.14-14.76-0.49-22.06 33.32-24.04 62.18-54.07 85.05-88.25l0.12 0.11z m0 0" fill="#A8AEB7" p-id="4248"></path></svg></span>
                            <span><svg t="1712731906338" class="icon" viewBox="0 0 1024 1024" version="1.1" xmlns="http://www.w3.org/2000/svg" p-id="4247" ><path d="M927.16 254.1c-30.59 13.54-63.4 22.72-97.88 26.83 35.2-21.05 62.23-54.52 74.91-94.28-32.92 19.52-69.43 33.67-108.28 41.38-31.09-33.12-75.37-53.86-124.42-53.86-94.17 0-170.51 76.33-170.51 170.46 0 13.34 1.52 26.37 4.41 38.85-141.65-7.15-267.28-75.01-351.36-178.17-14.71 25.21-23.08 54.52-23.08 85.71 0 59.13 26.4 111.32 72.15 141.9-27.95-0.91-80.92-8.57-80.92-21.35v2.13c0 82.57 62.51 151.49 140.46 167.17-14.3 3.91-27.52 5.98-43.09 5.98-11.01 0-20.74-1.12-31.18-3.1 21.71 67.76 85.11 117.01 159.71 118.42-58.32 45.7-131.64 72.99-211.51 72.99-13.8 0-27.22-0.86-40.57-2.39 75.47 48.33 165.09 76.58 261.4 76.58 313.58 0 485.08-259.77 485.08-485.05 0-7.41-0.14-14.76-0.49-22.06 33.32-24.04 62.18-54.07 85.05-88.25l0.12 0.11z m0 0" fill="#A8AEB7" p-id="4248"></path></svg></span>
                          </div>
                    </div>
                    <div class="part13-bottom-info-right">
                        <div class="part13-bottom-info-right-onelist">
                            <span>Company</span>
                            <div>
                                <span>Home</span>
                                <span>About</span>
                                <span>Careers</span>
                                <span>Pricings</span>
                            </div>
                        </div>
                        <div class="part13-bottom-info-right-onelist">
                            <span>OTHER LINKS</span>
                            <div>
                              <span>Privacy Policy</span>
                              <span>Terms & Conditions</span>
                              <span>Blogs</span>
                              <span>Blogs</span>
                            </div>
                        </div>
                        <div class="part13-bottom-info-right-onelist">
                            <span>PRODUCTS</span>
                            <div>
                              <span>Employee Onboarding</span>
                              <span>Employee Engagement</span>
                              <span>Surveys and Games</span>
                              <span>Chat System</span>
                            </div>
                        </div>
                        <div class="part13-bottom-info-right-onelist">
                            <span>Support</span>
                            <div>
                              <span>
                                <a href="/faqs/">Help Center</a>
                              </span>
                              <span>
                                <a href="/faqs/">Contact Us</a>
                              </span>
                              <span>
                                <a href="/faqs/">FAQs</a>
                              </span>
                              <span>
                                <a href="/faqs/">Cookies</a>
                              </span>
                            </div>
                        </div>
                    </div>
                </div>
                <div class="part13-bottom-other">
                    <span>&copy;2024 Funtasky All rights reserved.</span>
                    <span>Crafted with love ♡ in india</span>
                </div>
            </div>
        </div>
        <div class="footer"></div>
    </div>
</body>
</html>